<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../lib/vue.js"></script>
</head>
<body>

<div id="app">
    <p>{{ msg }}</p>
    <!-- v-bind只能实现单向绑定 从m到v-->
    <input type="text" :value="msg">
    <!-- v-model可以实现双向绑定，注意写法 没有：也没有value-->
    <!-- 注意v-model只能应用于表单元素中-->
    <input type="text" v-model="msg">
</div>
<script>
    var vm = new Vue({
        el:"#app",
        data:{
            msg:"这是最初的msg"
        }
    });

</script>

</body>
</html>